<script setup lang="ts">
import { reactive } from 'vue';

const props: any = defineProps<{
    ujt?: any;
}>();
const { $fn } = props.ujt;
const userData = reactive({
    id: $fn.As.Uuid('us'),
    nm: '张三',
});
</script>

<template>
    <h1>TEST</h1>
    <div class="as-chat-area">
        <div class="as-chat-r1">
            <ChatRoom :ujt="ujt" :user="userData"></ChatRoom>
        </div>
    </div>
</template>

<style scoped lang="scss">
.as-chat-area {
    height: calc(100vh - 80px);
    padding: 0 128px;
    .as-chat-r1 {
        height: 100%;
        padding: 0 28px;
        background-color: antiquewhite;
    }
}
</style>
